<table class="searchtable" width="100%">
<tr class="input">
<td>
<input type="text" readonly="readonly" name="service" class="servicedropdown first" value="<<$searchvalue>>">
</td>
<td>
<img ref="service" id="import_products_down" src="site/resources/img/icons/down.png" height=27 style="position:relative;top:2px;left:-10px;">
</td>
<td>
<button onclick="searchClicked(false)">search</button>
</td>
<td width="70%" style="text-align:right;">
<<if ($user.company_profile_id > 0 && $user.registertype == "4")>>
<a href="javascript:recommendcompany()">Recommend or list a service provider here</a>
<</if>>
</td>
</tr>

</table>

<<if ($defaulttext != "")>>
<div class="defaulttext">
<<$defaulttext>>
</div>
<</if>>

<script>
jQuery("input.servicedropdown").serviceDropdown({
    page : "services",
    loader : "getavailableservices",
    defaulttext : "List of services"
});

function searchClicked(newWindow) {
    redirect("list_services", "", {
        selectedService : jQuery("select#service_list").find("option:selected").val(),
        enteredText : jQuery("input[name='service']").val()
    }, newWindow);
}

</script>
